import styled from 'vue-styled-components'

export const AppStyleWrapper = styled.div`
  width: 100%;
  height: 100%;
  filter: ${props => props.theme.config.weakMode ? 'invert(80%)' : 'none'};
  /* 在这里覆盖全局antd样式 */
  ::selection {
    color: ${props => props.theme['text-color']};
  }

  .content-width-wrapper{
    margin: 0 auto;
    width: ${props => (props.theme.config.layout === 'topmenu' && props.theme.config.contentWidth === 'fixed') ? '1200px' : '100%'};
    max-width: 100%;
    height: 100%;
  }
`
